<template>
  <div class="home c_flex c_justify_around c_align_center">

    <div>
      <fly-bee class="c_reverseY_180"></fly-bee>
    </div>

    <div class="main_text">
        <div>
          <span class="weclome">欢迎来到蜜蜂语音哟~</span>
        </div>
        <div class="company-text">
          <span class="company">河南本清文化传媒有限公司</span>
        </div>
        <div class="button">
            <div class="download" @click="download(1)">
                <img src="../assets/images/ios.png" alt="">
                <span>苹果</span>
            </div>
            <div class="download" @click="download(2)">
                <img src="../assets/images/anroid.png" alt="">
                <span>安卓</span>
            </div>
            <div class="download" @click="download(3)">
                <img src="../assets/images/mumu.png" alt="">
                <span>mumu模拟器</span>
            </div>
        </div>
    </div>

    <div>
      <fly-bee></fly-bee>
    </div>

  </div>
</template>

<script>
import flyBee from '../components/flyBee/flyBee.vue';
export default {
  name: 'HomeView',
  components:{
    flyBee,
  },
  methods:{
    download(num){
      if(num==1){
        // 跳转到指定的 URL 地址
        location.assign("https://www.pgyer.com/Ph1Hce");
        return
      }else if(num==2){
        location.assign("https://www.pgyer.com/6ec1p9");
        return
      }else{
        location.assign("https://www.pgyer.com/6ec1p9");
      }
    }
  }
}
</script>
<style lang="scss" scoped>
.home{
  height: 826rem;
}
.main_text{
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.weclome{
  color: aliceblue;
  font-family: '华文琥珀';
  font-size: 60rem;
}
.company{
  color: aliceblue;
  font-size: 30rem;
  font-weight: bold;
}
.company-text{
  margin-top: 100rem;
  text-align: center;
}
.button{
  margin-top: 300rem;
  display: flex;
  justify-content: space-between;
  align-items: center;

}
.download{
  display: flex;
  justify-content: space-around;
  align-items: center;
  border: 1rem solid #fff;
  padding: 5rem  10rem;
  border-radius: 40rem;
  width: 140rem;
  height: 60rem;
}
.download span{
  color: #fff;
  font-weight: bold;
  transition:0.5s;
  font-size: 20rem;
}
.download:hover{
  cursor: pointer;
  /* background: rgb(13, 173, 7); */
  font-family: "华文彩云";
  font-size: 20rem;
  transition: all 1s;
  /* transform: scale(1.5); */
}

</style>
